<!DOCTYPE html>  
<html lang="en">  
<head>  
<meta charset="UTF-8">  
<meta name="viewport" content="width=device-width, initial-scale=1.0">  
<title>搜索</title>  
<style>  
    .search-container {  
        margin-top: 20px;  
        text-align: center;  
    }  
    .search-container input[type=text] {  
        padding: 10px;  
        font-size: 17px;  
        border: 1px solid grey;  
        float: left;  
        width: 80%;  
        background: #f1f1f1;  
    }  
    .search-container button {  
        float: left;  
        width: 20%;  
        padding: 10px;  
        background: #4CAF50;  
        color: white;  
        font-size: 17px;  
        border: 1px solid grey;  
        border-left: none;  
        cursor: pointer;  
    }  
    .search-container button:hover {  
        background: #45a049;  
    }  
</style>  
</head>  
<body>  
  
<div class="search-container">  
    <input type="text" id="searchInput" placeholder="搜索...">  
    <button onclick="searchFunction()">搜索</button>  
</div>   
  
</body>  
</html>